<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrative - Supervisor Allocation System for Examminations</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>

</head>

<body>
<div class="container">
    <!--Headder starts here. It will contain the image and the menu of the administrative section-->
  <div class="headder">
    	
        <!--This section will contain the image of the headder-->
    	<div class="image">
        	
        </div>
        <!--Headder image ends here-->
        
        <!--Menu starts here-->
  		<div class="menu_bar" style="color:#CCC">
			<a href="">Home</a> |
            <a href="">Timetable</a> | 
            <a href="">Supervisor</a> |
            <a href="">Message All</a>
        </div>
        <!--menu tag ends here-->
    
    </div>
    <!--Headder tag ends here-->
    
	<!--Side body starts here, it contains the stuff that change from page to page.-->
    <div class="site_body">
 		<!-- This is the begining of the left column, it will contain controls -->
        <div class="left_col"></div>
        <!-- Left column ends here -->
        
        <!-- This is the begining of the right column, it will contain the summary of the -->
        <div class="right_col">
        <center>
          <table width="95%" border="0"">
            <tr>
              <td colspan="2" align="center"><u>Exams</u></td>
            </tr>
            <tr>
              <td width="45%" align="right">Total exams :</td>
              <td width="55%">&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Allocated :</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Unallocated :</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td colspan="2" align="center">[allocated list] [unallocated list]</td>
            </tr>
          </table>
          
          <table width="95%" border="0" style="margin-top:20px;">
            <tr>
              <td colspan="2" align="center"><u>Supervisors</u></td>
            </tr>
            <tr>
              <td width="45%" align="right">Total  :</td>
              <td width="55%">&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Allocated :</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Unallocated :</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td colspan="2" align="center">[allocated list] [unallocated list]</td>
            </tr>
          </table>
          
          </center>
        </div>
        <!-- Right column ends here-->
        
	</div>
    <!--Side body ends here-->
    
    <div class="footer">
    	<hr>
        <center>
            Supervisor Allocation System for Examinations<br />
            Faculty of Engineering<br />
            University of Peradeniya
       	</center>
    </div>
    
    <div style="clear:both;"></div>
</div>
<!-- End of container -->
</body>
</html>